<template>
  <div id="app">
    <div>error:{{error}}</div>
    <div>u1:{{r1}}</div>
    <div>u2:{{r2}}</div>
  </div>
</template>

<script>


export default {
  name: "App",
  components: {

  },
  data() {
    return {
      u1:
        "http://lzwlkj.oss-cn-shenzhen.aliyuncs.com/avatar/9cf06bb0b8dc2f9a63cac8dbc4.jpg",
      u2:
        "http://lzwlkj.oss-cn-shenzhen.aliyuncs.com/avatar/093b94e3595482a63cde79bc81.jpg",
      r1: "",
      r2: "",
      params: {
        responseType: "arraybuffer",
        headers: { Origin: document.location.origin }
      },
      error: ""
    };
  },
  async mounted() {
    try {
      this.r1 = await this.$http.get(this.u1, this.params);
      this.r2 = await this.$http.get(this.u2, this.params);
    } catch (e) {
      this.error = e;
      console.log(e);
    }
  }
};
</script>

<style>

</style>
